

body {
    width: 100%;
    overflow: hidden;
}

#logo {
    position: absolute;
    opacity: 1;
    right: -12.0vh;
    top:0.9vh;
}

#hud {
    position: absolute;
    bottom: 3vh;
    left: 1vh;
}

#hudcar {
    position: absolute;
    bottom: -10vh;
    left: 5.45vh;
}

#hudcar #healt {
    border-radius: 0.5vh 0 0 0.5vh;
}

#hudcar #fuel {
    border-radius: 0 0.5vh 0.5vh 0;
}

.recuadro {
    background-color: rgba(0, 0, 0, 0.87);
    color: rgb(106,44,163);
    padding: 0.7vh 0.5vh;
    text-align: center;
    /* padding-top: 0.2vh; */
    margin-top: 0.2vh;
    border-radius: 0.4vh;
}

.fas {
    font-size:1.5vh;
    vertical-align: middle;
}

.recuadro1 {
    background-color: rgba(0, 0, 0, 0.80);
    color: rgb(106,44,163);
    float: left;
    padding: 0.7vh 0.5vh;
    text-align: center;
    vertical-align: middle;
    /* padding-top: 0.2vh; */
    /* margin-left: 0.2vh; */
}

.recuadro3 {
    
    background-color: rgba(0, 0, 0, 0.80);
    color: rgb(106,44,163);
    padding: 0.7vh 0.5vh;
    text-align: center;
    vertical-align: middle;
    margin-right: 0.2vh;
    border-radius: 0.4vh;
    float: left;
    
    /* padding-top: 0.2vh; */
    /* margin-left: 0.2vh; */
}

#carstats {
    position: absolute;
    bottom: 3vh;
    left: 28vh;
}

#street {
    position: absolute;
    bottom: 1vh;
    right: 2.85vh;
    background-color: rgba(0, 0, 0, 0.8);
    color: rgb(0, 255, 255);
    text-align: center;
    vertical-align: middle;
    font-size: 1.5vh;
    width: 23.8vh;
    padding: 0.7vh 0.5vh;
}

.recuadro2 {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.30);
    color: rgb(0, 255, 255);
    float: left;
    padding: 0.7vh 0.5vh;
    text-align: center;
    vertical-align: middle;
    bottom: 17vh;
    /* padding-top: 0.2vh; */
    /* margin-left: 0.2vh; */
}


.textpercent {
    width: 2vh;
    float: right;
    padding-left: 0.5vh;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-size: 1.1vh;
}

#territorieval {
    font-family: 'Oswald', sans-serif;
    font-size: 1.1vh;
    font-weight: bold;
}
#territorieval1 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.1vh; 
    font-weight: bold;
}